<template>
    <div>
      <ul>
        <li v-for="p in list" :key="p.id">{{ p.name }} --{{ p.age }}</li>
      </ul>
    </div>
</template>
<script lang="ts" setup name="useProps">
import {type personsList} from '@/types'

// 接收，限制类型 + 限制必要性? + 默认值
// list? 表示可以为空
let listPerson= withDefaults(defineProps<{list?:personsList}>(),{
    list:()=>[{id:'00',name:'默认值',age:0}]  //默认值
})
console.log(listPerson)
</script>